<template>
  <div class="banner-header">
    <el-menu :default-active="$route.path" router mode="horizontal" background-color="#02a7f0" text-color="#fff"
      active-text-color="#fff">
      <el-menu-item v-for = "item in props.secondRouterList" :index = "item.path" :key="item.path">{{item.name}}</el-menu-item>
    </el-menu>
  </div>
</template>

<script setup>
const props = defineProps({
  secondRouterList: Array,
})
</script>

<style lang="less" scoped>
.banner-header {
  height: 100%;
  width: 100%;
}

.el-menu--horizontal{
  height:40px;
}
</style>
